<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<style>
ul
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul li
{
	background-image:url(sqpurple.gif);
	background-repeat:no-repeat;
	background-position:0px 5px; /*设置列表中列表项标志的位置*/
	padding-left:14px;
}
</style>
</head>

<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>

</html>
<!--ul:
设置列表类型为没有列表项标记
设置填充和边距 0px（浏览器兼容性）
ul 中所有 li:
设置图像的 URL，并设置它只显示一次（无重复）
您需要的定位图像位置（左 0px 和上下 5px）
用 padding-left 属性把文本置于列表中-->